* { word-break: break-all; word-wrap: break-word; }
body, th, td, input, select, textarea, button { font: 12px "Microsoft YaHei","Helvetica Neue",Helvetica,"Lucida Grande","Luxi Sans",Arial,sans-serif;color:#222 }
body{background:#FBFDFF;text-align:center;margin:0 auto}
body, h1, h2, h3, h4, h5, h6, p, ul, dl, dt, dd, form, fieldset,ul,li,ol{ margin: 0; padding: 0;  }
div{display:block}
h1,h2, h3, h4, h5, h6 { font-size: 14px; font-weight: 900; /*text-shadow: 0px 2px 2px #;*/}
ul,li { list-style: none; margin:0; padding:0 ; }
a,.link { padding: 0px 1px;color: #3d4d5d; text-decoration: none; }
	a:hover,.link:hover,.active ,.title a:hover{ text-decoration: none;color: #FFFFFF; background-color: #57C6E7;border-radius: 1px; -webkit-border-radius: 1px;-moz-border-radius: 1px;}
	.inactive{border: 0;background-color: #BBE1EE;color: #eee;white-space: nowrap;}
	button{cursor:pointer;padding:3px 15px;}
	button.inactive:hover {background-color: #0F1926;color: #FFFFFF;}
	
	a img,.link img { border: none; }

textarea { border: 1px solid #ddd; overflow: auto;resize:none; }
textarea,input,select{box-shadow: 0 0 5px #CCC;}
#logo{font:1.8em/1.5 Arial,Helvetica,sans-serif;}
.input, textarea {display: inline-block;font-size: 14px;border: none;border-top: 1px solid #D9D9D9;border-left: 1px solid #D9D9D9;height: 15px;padding: 8px 10px;margin-top: 2px;margin-bottom: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition: border linear 0.2s, box-shadow linear 0.1s;-moz-transition: border linear 0.2s, box-shadow linear 0.1s;-ms-transition: border linear 0.2s, box-shadow linear 0.1s;-o-transition: border linear 0.2s, box-shadow linear 0.1s;transition: border linear 0.2s, box-shadow linear 0.1s;}
input:focus, textarea:focus {border-color: rgba(82, 168, 236, 0.8);	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);outline: 0;}
form {display: block;margin-top: 0em;}
.fl {float: left;}
.ml20 {margin-left: 20px;}

.btn, .nav .active {
display: inline-block;
font-size: 14px;
border: none;
height: 31px;
line-height: 31px;
padding: 0 14px;
color: #FFFFF9;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
cursor: pointer;
background-color: #57C6E7;
/*background-image: -moz-linear-gradient(top, #77C6EF, #46b3FF);
background-image: -ms-linear-gradient(top, #77C6EF, #46b3FF);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#77C6EF), to(#46b3FF));
background-image: -webkit-linear-gradient(top, #77C6EF, #46b3FF);
background-image: -o-linear-gradient(top, #77C6EF,#46b3FF);
background-image: linear-gradient(top, #77C6EF, #46b3FF);*/
}
.btn-small {font-size: 12px;line-height: 22px;height: 22px;padding: 1px 8px;}
.btn-grey {color: #FFFFF9;background-color: #9D9D9D;background-image: none;}


.txt { padding: 3px 2px; border: 1px solid #ddd; line-height: 16px; }
.gray{color:gray;}
.blue{color:blue}
.red{color:red}
.bold, .bold *{font-weight:900;}
.clear,.clear0{clear:both;overflow:hidden;zoom:1;height:10px;}
.clear0{height:0}
.clear5{height:5px}
.font10{font-size:10px}
.font12{font-size:12px}
.font14{font-size:14px}
.font16{font-size:16px}
.font18{font-size:18px}
.bold{font-weight:900;}
.border{border:1px solid #DDD}
.bordert{border-top:1px solid #DDD}
.borderl{border-left:1px solid #DDD}
.borderb{border-bottom:1px solid #DDD}
.borderr{border-right:1px solid #DDD}
.h2line{border-bottom:1px solid #DDD;padding:0 0 5px;margin:0 0 5px;}
.h2line a{font-size:10px;color:#999;}
.h2line a:hover{color: #fff;}
.abtn{padding:3px 15px ;font-size:14px;}
.textp{word-wrap: break-word;-ms-word-wrap: break-word;text-align: justify;text-justify: inter-ideograph;-webkit-hyphens: auto;-moz-hyphens: auto;-ms-hyphens: auto;hyphens: auto;text-indent: 2.0em;}
.autohidden{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.l{float:left;}
.r{float:right;}
.invisible{display:none}

.success, .error, .notice, .tip {color: #514721;background: none;margin: 0;border-color: #C6D880;padding: 0.8em;border: 2px solid #DDD;}
.error {background: #E6EFC2;color: #264409;border-color: #C6D880;}
.notice {color: #8A1F11;background: #FFF;border-color: #FFD324;}
.tip{border:2px dotted #CCC;background:#F0F0F0;color:#666;}

.avatar48 { padding: 5px 0 0 5px; width: 55px; height: 55px; background: url(48_avatar_bg.gif) no-repeat; }
  .avatar48 img { width: 48px; height: 48px; }

.login_thumb { border:1px dotted #CCC; margin:-2px 5px 0;overflow:hidden;}/* background: url(thumb20bg.gif) no-repeat;*/
.login_thumb:hover{background:none}
	.login_thumb img{width:20px;height:20px; vertical-align:middle;margin:1px;border:none;}

.header{background:#DCF0F6;padding:3px 0px 0px;}

.inner{width:900px;margin:0 auto;overflow:hidden;text-align:left;padding:1px;}

.logo{float:left;}
.logo a{color:#66B3FF;}
.logo a:hover{background:none;}
.header_nav{
/*  border-top:1px solid #EEE;*/
padding:0px 0px 6px;
}

.beta{color:#BEBEBE;font-size:14px;}

.nav {
overflow: hidden;
float: left;
width: auto;
height: 32px;
font-size: 14px;
background: white;
margin-top: 1px;
/*background-color: #EEE;*/
/*background-repeat: repeat-x;
background-image: -moz-linear-gradient(top, #F8FCFF 0%,#fff 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F8FCFF), color-stop(100%,#fff));
background-image: -webkit-linear-gradient(top, #F8FCFF 0%,#fff 100%);
background-image: -ms-linear-gradient(top, #F8FCFF 0%,#fff 100%);
background-image: -o-linear-gradient(top, #F8FCFF 0%,#fff 100%);*/
/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#eeeeee',GradientType=0 );*/
/*background-image: linear-gradient(top, #F8FCFF 0%,#fff 100%);*/
-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.nav a{display:block;float:left;padding:4px 15px;margin:0;font-size:14px;}
.nav a:hover {
height: 31px;
/*background: #0080FF;*/
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
background-color: #57C6E7;
/*background-image: -moz-linear-gradient(top, #77C6EF, #46b3FF);
background-image: -ms-linear-gradient(top, #77C6EF, #46b3FF);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#77C6EF), to(#46b3FF));
background-image: -webkit-linear-gradient(top, #77C6EF, #46b3FF);
background-image: -o-linear-gradient(top, #77C6EF,#46b3FF);
background-image: linear-gradient(top, #77C6EF, #46b3FF);*/
}

.section {margin-bottom: 20px;padding: 10px;border: 1px solid #FFE;overflow: hidden;background-color: #F2F2EA;-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 60px rgba(0, 0, 0, 0.06) inset;-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.06) inset;border: 1px solid #FFE;}
/*
.tag_tabs li a{float: left;
display: block;
white-space: nowrap;
padding: 3px 7px;
margin: 3px 3px;
border: 1px solid #DDD;
background-color: #F8F8F0;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(255, 255, 255, 1) inset;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(255, 255, 255, 1) inset;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(255, 255, 255, 1) inset;}
.tag_tabs li a{color:#333;}
.tag_tabs li a:hover{color:#fff;background:#46A3FF;}
*/
.w180{width:180px;}
.nav_right{float:right;margin-top:8px}
.nohover:hover{color:#333;background:none;}
.member_info{float:right;overflow:hidden;font-size:12px;padding-top:5px;}
.member_info a{margin-right:5px;}

.main{padding:10px 0;}
	.main .col650{width:600px;float:left;padding-right:50px;_display:inline;_padding-right:0px;}
	.main .tag_tabs {font-size: 14px;margin:5px 0 20px;text-align:justify; zoom:1;border-radius: 5px; -webkit-border-radius: 5px; }
	.main .tag_tabs .line{padding:0 0 0 2px;margin:0 10px 0 0;border-right:1px solid #0F1926}
	.main .tag_tabs li .more{display: inline-block;_display: none;zoom: 1;font-size: 0;height: 0;width: 0;margin-left: 3px;border-width: 4px;border-style: solid;border-color: #0F1926 transparent transparent transparent;}
		.tag_tabs li{display: inline;margin-right: 5px; _margin-right:5px; zoom:1;}
		.tag_tabs li a{padding:3px 5px;font-size:14px}
		
	.main h2, h2 .h2font{font-size: 15px;color: #666;}
	.main h2{position:relative;}
	.main h2 a{font-weight:100;}
	.main h2 .opt{position:absolute;right:10px;top:5px;}
	.main h2 .opt a{padding:3px 5px;margin-right:5px;}
		.col650 .book_list {width:630px;overflow:hidden;*width:600px;}
		.col650 .book_list li{float:left;vertical-align: top;margin-right: 30px;margin-bottom:20px;width: 285px;*width:260px;}
		.col650 .book_list li img{float:left;width:90px;height:120px;}
		.col650 .book_list li .info{float:left;overflow: hidden;zoom: 1;width: 180px;margin: 2px 0 2px 10px;line-height: 22px;*width:160px;}
			.info .title a{font-size:14px;}
			.info .author{color:#666;}
			.info .intro{color:#999;overflow:hidden;height:75px;}
.title a{color:#16A4FD;}
.more_link{height:25px;border-bottom:1px solid #DDD;text-align:right;overflow:hidden;margin:10px 0 20px;zoom:1;}
	.main .col250{width:250px;float:left;_display:inline;_margin-left:50px;}
		.col250 .textbox{line-height:180%;}
		.col250 .listbox li{padding:8px 0;border-bottom:1px solid #DDD;position:relative;}
		.col250 .listbox li a:hover{background:none;border-bottom: 2px #0099CC solid;border-radius: 0px;color:#0489B1}
		.col250 .listbox li .opt{position:absolute;right:3px;top:5px;color:#999;}

	.main .col200{width:180px;padding-right:20px;float:left;overflow:hidden;}
		.col200 .section li{display:block;padding:8px 0;text-align:center;}
		.col200 .section li a{padding:3px 5px;font-size:14px;}
	
		.col200 .sidebox{text-align:center;padding:15px 5px;background:#F0F0F0;border:1px solid #EEE;border-radius: 5px; -webkit-border-radius: 5px;}
	
	.bookindex h1{font-size:20px; font-weight:900; margin:0 0 10px;color:#666}
	.bookindex h2,.bookindex h3{font-size:18px; font-weight:800; padding:10px 0; position:relative}
	.bookindex h2 .opt,.bookindex h3 .opt{position:absolute;right:5px;top:18px;font-size:10px;color:#999;}
	.bookindex .cover{width:180px;height:265px;margin:0 15px 0 0;float:left}
	.bookindex .bookstate{float:left;width: 380px;}
		.bookstate p{padding:2px 0;}
	.bookindex .readdiv{padding:5px 0}
	.bookindex .readdiv a{margin-right:5px;}
	.bookindex .desc{font-size: 12px;min-height: 21px;text-indent: 24px;line-height: 21px;text-indent: 1.8em;}
	.bookindex .chapterlist{}
	.bookindex .chapterlist li{padding: 5px 0 5px 5px;display: inline-block;width: 32%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; float:left;border-bottom: 1px dashed #DDD;}
	
	.main .col700{width:700px;float:left;overflow:hidden;}

		.book_class_list .book_class_li{position:relative;height:160px;border-bottom:1px solid #DDD;margin-bottom:10px;}
			.book_class_li img{width:90px;height:140px;float:left;margin-right:13px;}
			.book_class_li .booklink{position:absolute;top:0px;right:5px;z-index:999;}
			.book_class_li .booklink a{padding:3px 15px;margin-left:5px;}
				.book_info {position:relative;overflow:hidden;z-index:1;}
				.book_info div{margin:2px 0;width:590px;overflow:hidden;}
				.book_info div span{color:#888}
				.book_info .intro,.book_info .intro *{color:#666}
		.book_2col_list .book_class_list{height:160px;border-bottom:1px solid #DDD;margin-bottom:10px;float:left;width:320px;margin-right:25px;}
			.book_2col_list .book_class_list .book_info{width:230px;display:inline;float:left;}
			.book_2col_list img{width:70px;height:96px;float:left;margin-right:13px;}
			.book_2col_list .book_class_list .intro{color:#777}
.footer{padding:10px 0 10px;}
.footer .inner{border-top:1px solid #DDD;padding:10px 0;}
.footer .copyright{float:left;}
.footer .ft-nav{float:right;padding:5px 0 0}

.feedmember{overflow:hidden;margin:0;padding:10px 0 0;height:80px;}
.feedmember .avatar48{float:left;margin-right:10px;line-height:200%;}

.navbar{height:30px;line-height:30px;padding:0 10px;margin:0;background:url(zstop.png) repeat-x;position:relative;}
.navbar a,.navbar span{display:block;float:left;margin:0 5px;}
.navbar .option{float:right;}


.list{width:98%;margin:0 auto;}
.list th{padding:5px 0;border-bottom:1px solid #7D7D7D;}
.list td{padding:4px 0;border-bottom:1px dashed #ECECEC;}

.list .line{border-bottom:1px solid #CCC;padding:5px 0}
.list td em,.list td em a{font-style:normal;font-size:10px;color:#999;}
.list td em:hover,.list td em a:hover{color: #fff;}
.list i{font-style:normal;color:Red}
.list b{color:#F06}
.list img{ vertical-align:middle;}

.li{position:relative}
.option_1{position:absolute;top:2px;right:5px;}
.option_2{position:absolute;top:2px;right:25px;}
.page{padding:5px 0;margin:0 auto;text-align:center}
.page a,.page strong{margin:0 5px;padding:3px 5px;font-weight:100;} 
.page .prev, .page .next {display: inline-block;width: 51px;height: 20px;line-height: 20px;border: solid 1px #CECECE;float: left;text-align: center;font-size: 12px;color: #848484;}
.page .page-item {height: 20px;line-height: 20px;border: solid 1px #CECECE;display: inline-block;color: #848484;padding: 0 7px;}
.page *:hover{background: none;}
.page .active{color:#fefefe;}
.page a.page-item,.page a.prev, .page a.next {
color: #2590F0;
}

.searchbar{float:left;padding:35px 0 0 20px;width:530px;margin:0; position:relative;text-align:right}
.searchbar ._sel{ }
.searchbar .sel{width: 68px;color: #444444;border:none;padding-top:5px; vertical-align: middle; text-align:center}
.searchbar .key{vertical-align:middle;width:311px;line-height:16px;padding:3px 1px;margin:0 6px 0 0;font:16px arial; background:url(keybg.gif) no-repeat right center;border:1px solid #CCC;}
.searchbar .btn{vertical-align:middle;width:78px;height:28px;line-height:24px}
.searchbar .cp{ position:absolute;top:5px;right:0;}

.sendmsg{overflow:hidden;width:20px;text-decoration:none;background:url(icomsg.gif) no-repeat top left;}
.sendmsg:hover{left:0;top:0;right:0;}


.tabbar{overflow:hidden;width:100%;clear:both;margin:10px 0}
.tabbar a{font-weight:normal;float:left;display:block;margin:0 15px 0 0;padding:3px 10px}
.tabbar .active{font-weight:bold!important;}
.tabbar .option{float:right;}

.triangle-down,.triangle-up {border:0 solid #DDD;display:inline-block;border-color:#fff transparent transparent transparent;width:0;border-width:5px 5px 0;height:0;position:absolute;top:8px;left:5px;cursor:pointer}

.triangle-up {border-color: transparent transparent #7D7B7C transparent;border-width:0 5px 5px;}


.viewdetailbtn{position: absolute;top: 0;right: 0;border-radius: 3px;-webkit-border-radius: 3px;background: #eee;height: 20px;width: 20px;text-align: center;outline: 0;}

*html .triangle-down{border-color: #7d7b7c red red red;_filter: chroma(color=red);}
*html .triangle-up{border-color: red red #7D7B7C red;_filter: chroma(color=red);top:-9px;}

.friendlink h3{margin:5px 0;}
.friendlink{margin:10px}



ol.ollist,ul.ullist{margin:auto}
.ollist li{list-style-type: decimal;margin-left:15px;}
.ullist li{list-style-type: circle;margin-left:15px;}

.footer{margin:20px 0;text-align:center;}

.centerBottom, .ckepopBottom{display:none}

.more{color: #555;}

.sitecount p{width:48%;float:left;}
